*{margin: 0px;padding: 0px;}
#frame1,#frame2{
    width: 100%;
    overflow: hidden;
}
/* 日志 */
#log{
    float: left;
    width: 396px;
    height: 400px;
    border: 2px solid red;
    overflow-y: auto;
    text-align: center;
}
#log div{
    text-align: left;
}
/* 摄像头预览视图 */
#view{
    float: left;
    width: 800px;
    height: 400px;
    border: 2px solid blue;
    text-align: center;
    background-color: #ddd;
}
/* 缩略图 */
#thumbnail{
    float: left;
    width: 220px;
    height: 200px;
    border: 2px solid yellowgreen;
    overflow-y: auto;
    text-align: center;
}
/* 操作区 */
#function_area{
    float: left;
    height: 100px;
    width: 400px;
    background-color: thistle;
}
#area_title, #area_content{
    padding-left: 20px;
}
#area_title ul{
    display: table-row;
}
#area_title ul li{
    list-style-type: none;
    float: left;
    padding: 5px 10px;
}
#area_title ul li:hover{
    background-color: #fff;
}
#area_title ul li.active{
    background-color: yellow;
}
/* 所有按钮默认样式 */
/* button{
    height: 38px;
    line-height: 38px;
    padding: 0px 10px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 20px;
    background-color: #009688;
    color: #fff;
}
button:hover{
    cursor: pointer;
} */